<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title id="title">新闻资讯展示</title>
  <script src="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"></script>
  <link rel="stylesheet" href="../static/css/admin/hotSearchAudit.css" th:href="@{/css/admin/hotSearchAudit.css}">
  <link rel="stylesheet" href="../static/font_4894039_ann01zlojhq/iconfont.css" th:href="@{/font_4894039_ann01zlojhq/iconfont.css}">
  <link rel="icon" href="../static/img/default_avatar/2e6ced4da4ff5a32c7f1866bff276450.png" th:href="@{/img/default_avatar/2e6ced4da4ff5a32c7f1866bff276450.png}" type="image/png">
</head>
<body>
<!-- 导航栏 -->
<span class="alert" style="color: red;position: fixed"></span>
<header>
  <div class="container">
    <div class="logo">
      <i class="fa fa-newspaper-o"></i>
      <span>未来头条</span>
    </div>
    <div class="menu-toggle">
      <i class="fa fa-bars"></i>
    </div>
  </div>
</header>
<!-- 主内容区 -->
<main class="container">
  <div class="article-container">
    <article class="article-content">
      <!-- 文章封面 -->
      <div class="article-cover">
        <i class="iconfont icon-zanwuneirong" id="article-cover-none"></i>
        <img src="https://picsum.photos/1200/600?random=1" alt="新闻封面" id="article-cover">
      </div>
      <!-- 文章内容 -->
      <div class="article-body">
        <!-- 文章标题 -->
        <h1 id="article-title" contenteditable="true">
          标题
        </h1>
        <!-- 文章信息 -->
        <div class="article-meta">
          <div class="author-info">
            <span class="author"><i class="fa fa-user-circle"></i> 未来头条</span>
            <span class="time"><i class="fa fa-clock-o"></i> <time id="article-time">2025-3-10 00：00：00</time></span>
          </div>
          <div class="share-actions">
            <button class="share-btn"><i class="fa fa-share-alt"></i></button>
            <button class="bookmark-btn"><i class="fa fa-bookmark-o"></i></button>
          </div>
        </div>
        <!-- 文章正文 -->
        <div id="article-content" contenteditable="true">
          <p id="article-contentP">
            正文
          </p>
        </div>
        <!-- 标签区域 -->
        <div class="article-tags" id="article-tags">
          <span class="tag">标签</span>
        </div>
        <!-- 作者信息 -->
        <div class="author-profile">
          <img src="https://picsum.photos/100/100?random=2" alt="作者头像" id="user-avatar">
          <div class="author-details">
            <h4 id="user-name">昵称</h4>
            <p id="user-verifiedInfo">认证</p>
          </div>
        </div>
      </div>
    </article>
    <!-- 操作按钮区域 -->
    <div class="article-actions" id="article-actions">
      <div class="action-buttons">
        <button id="btn-save">
          <i class="fa"></i> 保存
        </button>
<!--        <button id="btn-limit">-->
<!--          <i class="fa fa-tachometer"></i> 限流-->
<!--        </button>-->
        <button id="btn-block">
          <i class="fa fa-ban"></i> 屏蔽
        </button>
        <button id="btn-back" onclick="window.history.back()">
          <i class="fa fa-arrow-left"></i> 返回
        </button>
      </div>
    </div>
  </div>
  <!--confirm-->
  <div id="confirm-container">
    <div id="confirm-title-container" class="confirm-title">
      <p id="confirm-title-container2"><i class="iconfont icon-xiaowenhao" id="wenhao"></i><span id="confirm-title">标题</span></p>
    </div>
    <div id="confirm-content-container" class="confirm-content">
      <p id="confirm-content-container2"><span id="article-content-span">内容</span></p>
    </div>
    <div id="confirm-button-container" class="confirm-button">
      <button id="confirm-button" class="confirm-btn">确定</button>
      <button id="cancel-button" class="confirm-btn">取消</button>
    </div>
  </div>
</main>
<div id="confirmShowmodal"></div>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script th:src="@{/js/hotSearchAdmin.js}" src="../static/js/hotSearchAdmin.js"></script>
</body>
</html>
